<div id="page-title">
<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/dynamic-pages.png" width="50" height="50" class="left-align service-icn " alt="Edit Static Pages">
	<h1 class="page-heading">User Payment Panel</h1>			
</div>
            
<div id="breadcrumb" class="transparent">
	<p> <img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png" class="home" alt="">
	<a href="<{$APPLICATION_URL}>/Browse/index">Home</a> / 
	<a href="<{$APPLICATION_URL}>/Browse/MyAccount/index">Website Admin Panel</a> / 
	<a href="<{$APPLICATION_URL}>/Browse/Payment/index">Payment Panel</a>
</div>  
<div id="main-content">            
	<article id="main-article">				
		
					<form action="<{$APPLICATION_URL}>/Browse/Payment/processpayment" method="post" id="payment-form">
					<ol class="forms">
						<li><p>
						<small>It seems that your package is expired or did not pay to use this service. <br />Please Pay for it so that you can continue using our service.</small>
						</p></li>
						<li><label for="packageOptionId" style="padding-right:5px;width:150px;">Current Package:
							
						 </label>
						 <input type="text" value="<{$price}>" readonly style="width:50px;"/> (&pound)						
						</li>
						<li><label for="paymentMethod" style="padding-right:20px;width:150px;">Payment Method</label>
							<select name="paymentMethod" id="paymentMethod">
																
								<option value="Paypal" <{if $paymentMethod == "Paypal"}>selected="selected" <{/if}>>Paypal</option>		
									
								<{if $checkout_enable == "1"}>									
								<option value="2Checkout" <{if paymentMethod == "2Checkout"}>selected="selected" <{/if}> >2Checkout</option>	
								<{/if}>
							</select>
						</li>
						<li><p><small>CHECK BOX TO REMOVE POWERED BY SLAPPIT.COM IN FOOTER <br/>(COST &pound5 PER MONTH)</small></p>
						<input type="hidden" id="packageOptionId" name="packageOptionId" value="<{$id}>"/>
						<input type="checkbox" id="brandFree" value="1" name="brandFree" <{if $brandFree == "1"}> checked="checked"<{/if}> style="width:5%; margin-left:20px;" readonly>Brand Free</li>
						<li><a id="login-form" class="silver-button" onclick="return processPaymentForm('true');">Accept Pay</a>&nbsp;&nbsp;<a id="login-form" class="silver-button" onclick="return processPaymentForm('false');">Cancel</a></li>													
						</ol>
						<input type="hidden" id="actionForm" name="actionForm" value=""/>
					 </form>
				<div class="clear"></div>
				
		
	</article>								
</div>

<script type="text/javascript">
function processPaymentForm(isCancel) {		
 	var checkResult = true;
 	var form = document.getElementById('payment-form');
	
 	if(form)
 	{
		if(isCancel == 'false')
		{
			form.actionForm.value = 'cancel';
		}
		else 
		{
			form.actionForm.value = '';
		}
		form.submit();	 	
		return true;
 	}
	
 	return false;
	}

</script> 